@charset "UTF-8";
@import url(keyframes.css);

.ten{
    font-family: mading;
}
/* <h1>问题反馈</h1>*/
.ten h1{
    font-size: 4em;
    margin: 2% 0;
}

/* <span>1</span> */
.ten span{
    font-size: 2em;
    margin: 2% 0;
}

.ten textarea{
    width: 75%;
    height: 44%;
    display: block;
    background: rgba(118, 49, 55);
    font-size: 1.5em;
    margin: 5% auto;
    padding: 1%;

    color: rgb(219, 193, 168);
    font-family: mading;

    border: 2px solid rgb(219, 193, 168);
}
.ten textarea::-moz-placeholder{
    color: rgb(219, 193, 168);
}
.ten textarea::-webkit-input-placeholder{
    color: rgb(219, 193, 168);
}
.ten textarea:-ms-input-placeholder{
    color: rgb(219, 193, 168);
}
.ten textarea:-moz-placeholder{
    color: rgb(219, 193, 168);
}
.ten textarea:hover{
    border: 3px solid rgb(230, 187, 146);
}

#tensubmit{
    text-decoration: none;
    border: 2px solid rgb(219, 193, 168);
    border-radius: 20%;
    padding: 1% 3%;
    font-size: 1.5em;
    
}
#tensubmit:hover{
    background: rgb(219, 193, 168);
    color: #fff;
}
@media screen and (max-device-width:320px){
    .ten h1{
        font-size: 2em;
        margin-top: 10%;
    }
    .ten span {
        font-size: 1em;
    }
    .ten textarea{
        font-size: 1em;
    }
    #tensubmit{
        font-size: 1em;
    }
}
/* 手机 */
@media screen and (max-device-width:539px)  and (min-device-width:321px) {
    .ten h1{
        font-size: 2em;
        margin-top: 30%;
    }
    .ten span {
        font-size: 1em;
    }
    .ten textarea{
        font-size: 1em;
    }
    #tensubmit{
        font-size: 1em;
    }

}


/* 横屏 */
@media screen and (min-device-width:600px) and (max-device-width:1024px) and (min-device-height:650px){
    .ten h1{
        margin-top: 0%;
        font-size: 3em;
    }
    .ten textarea{
        height: 40%;
    }
    .ten span{
        font-size: 1.5em;
    }
}
/* 手机竖屏 */
@media screen and (min-device-width:560px) and (min-device-width:900px) and (max-device-height:450px){
    .ten h1{
        margin-top: 0%;
        font-size: 2em;
    }
    .ten textarea{
        height: 30%;
        font-size: 1em;
    }
    .ten span{
        font-size: 1em;
    }
    #tensubmit{
        font-size: 1em;
    }
}

@media screen and (min-device-width:768px) and (max-device-width:770px) and  (min-device-height:900px){
    .ten h1{
        margin-top: 20%;
    }
}

@media screen and (min-device-width:1024px) and (min-device-height:1000px) {
    .ten h1{
        margin-top: 20%;
    }
}